@charset "utf-8";
@import "common/run";
.web {
    header {
        .a {
            position: relative;
            .abc {
                width: r(26px);
                height: r(26px);
                border-radius: 50%;
                background: red;
                text-align: center;
                line-height: r(26px);
                color: white;
                font-size: r(16.21px);
                position: absolute;
                top: r(20px);
                left: r(20px);
            }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(89px);
        bottom: r(91px);
        overflow-y: auto;
        .xwt {
            position: relative;
            width:100%;
            .xwt_img{
                
                width: 100%;
                img {
                    width: 100%;
                }
            }
            .zzc{
                padding-left: r(30px);
                line-height: r(46px);
                position: absolute;
                background: rgba(118,118,188,.5);
                bottom: r(25px);
                height: r(107px);
                width: 100%;
                color: white;
                p{
                    font-size: r(27px);
                    color: white;
                }
                span{
                    font-size: r(16px);
                }
                i{
                    font-size: r(25px);
                }
            }
            
        }
        .section1{
            width: r(583px);
            margin: 0 auto;
            div:nth-child(1){
               width: r(60px);
                height: r(60px);
                border-radius: 50%;
                background: #898989;
            }
            div:nth-child(2){
                margin-left: r(10px);
                color: #C5C5C5;
                span:first-child{
                    font-size: r(28px);
                }
                span:last-child{
                    font-size:r(18px);
                }
            }
            >a{
                color: white;
                font-size: r(28px);
                width: r(230px);
                height: r(60px);
                background: #B20000;
                text-align: center;
                line-height: r(60px);
            }
        }
        .section2{
            width: r(583px);
            padding-top: r(13px);
//          border-bottom: 1px solid #7D7D7D;
            margin: 0 auto;
           
            div:last-child{
                font-size: r(16px);
                width: r(244px);
            }
            div:first-child{
                width: r(25px);
                width: r(244px);
            }
        }
        .section3{
            padding-top: r(20px);
            height: r(477px);
            width: r(583px);
            margin: 0 auto;
            
            border-top: 1px solid #7D7D7D;
            div{
                
                img{
                    width: 100%;
                }
                
            }
        }
    }
}
